<template>
  <div>路由参数获取页面</div>
  <div>路径传递的参数：{{ info }}</div>
  <div>查询字符串传递的参数：{{ query }}</div>
</template>

<script lang="ts" setup>
import { useRoute } from 'vue-router'
const route = useRoute()
// 路径的配置： '/study/routerparam/:info',
// 在路径指定的页面可以通过roter对象拿到:info这个路径部分的参数值
// :后面就是参数的名称
const info = route.params.info
// 获取查询字符串的参数值（json格式）
const query = route.query

</script>

<style lang="scss" scoped></style>
